﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <title>课程介绍</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<script src="jquery/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
        <style type="text/css">
            
        </style>
</head>
<body>

    <nav class="navbar navbar-inverse" role="navigation">
	<div class="container-fluid">
    <div class="navbar-header">
        <a class="navbar-brand" href="#">数字媒体技术专业</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
            <li><a href="#">专业简介</a></li>
            <li><a href="#">校企合作</a></li>
            <li><a href="#">实训实习</a></li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    专业课程 <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#">Maya</a></li>
                    <li><a href="#">OpenGL实践</a></li>
                    <li><a href="#">其它</a></li>
                    <li class="divider"></li>
                    <li><a href="#">动漫</a></li>
                    <li class="divider"></li>
                    <li><a href="#">游戏</a></li>
                </ul>
            </li>
            <li>
                <a href="/AssetLib/AssetLib">素材库</a>
            </li>
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="/AssetLib/AssetLib">素材库<strong class="caret"></strong></a>
                <ul class="dropdown-menu">
                    <li>
                        <a href="#">ppt</a>
                    </li>
                    <li>
                        <a href="#">资料</a>
                    </li>
                    <li>
                        <a href="#">其他</a>
                    </li>
                    <li class="divider">
                    </li>
                    <li>
                        <a href="#">链接3</a>
                    </li>
                </ul>
            </li>
            
        </ul>
        <ul class="nav pull-right" contenteditable="true">
            <li><a href="#">作品展示</a></li>
            

        </ul>

    </div>
	</div>
</nav>



<div class="container">

<div class="span12">
    <div class="media well">
        <a href="#" class="pull-left"><img src="images/pic.png" class="media-object" alt='' /></a>
        <div class="media-body">
	    <h2 style="text-align:center;">Unity3D沙盒游戏开发实例《我的世界》</h2><hr><br>
            
            <p style="font-size:15px; color:grey;">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                在该课程中，你将会学习到平时很难接触到的代码写法，同时我们将会在后续课程中推出网络联机部分以及VR游玩我的世界部分。</p><br>
            <p style="text-align:center;">
                <a href="#" class="btn btn-primary" role="button">
                        开始学习
                </a>
            </p>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xs-9">
        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#course_view">课程概览</a></li>
            <li><a data-toggle="tab" href="#course_list">课时列表</a></li>
        </ul>

        <div class="tab-content">
        <div id="course_view" class="tab-pane fade in active">
            <p><span style="color:#006400;"><strong><span style="font-size:18px;">课程介绍</span></strong></span></p>
            <p>由于我的世界是使用JAVA开发，因而用Unity开发我的世界会有一定的优化难度，该教程从用代码生成一个顶点开发，从最内核的部分解剖我的世界这款游戏，带你理解开发游戏的图形学基础的原理，由于图形学有一定难度，所以该教程主要以图形学为主而不是代码，适合有一定C#基础的同学，因为在该课程中，你将会学习到平时很难接触到的代码写法，同时我们将会在后续课程中推出网络联机部分以及VR游玩我的世界部分。</p>
            <p><span style="color:#006400;"><span style="font-size:18px;"><strong>课程大纲</strong></span></span></p>
                <ol><li>课程介绍</li>
                </ol><p><strong>一、地形部分</strong></p>

                <ol><li>学习顶点法线原理</li>
                    <li>用代码生成面</li>
	            <li>用代码生成块状地形</li>
	            <li>学习UV知识</li>
	            <li>为生成的方块贴上UV</li>
	            <li>创建Block类及管理类</li>
	            <li>给予不同的方块不同贴图</li>
	            <li>为方块赋予灯光Shader</li>
	            <li>创建人物控制器</li>
	            <li>创建无限地形</li>
	            <li>学习柏林噪音</li>
	            <li>用柏林地形生成山脉</li>
	            <li>学习地形生成规则</li>
                </ol><p><strong>二、角色控制及部分</strong></p>

                <ol><li>学习最基本的角色控制</li>
	            <li>为我们的角色添加基础UI</li>
	            <li>实现添加方块功能</li>
	            <li>实现减少方块功能</li>
	            <li>用代码生成UI</li>
	            <li>写UI管理类</li>
	            <li>控制角色生成不同的方块</li>
        </div>
        <div id="course_list" class="tab-pane fade">
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>
	        &nbsp&nbsp<span class="label label-success">免费</span>&nbsp&nbsp课时1：我的世界-课程介绍</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>
                &nbsp&nbsp<span class="label label-success">免费</span>&nbsp&nbsp课时2：用代码创建出我们的面</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时3：用代码生成正方体</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时4：用三维数组构造出我们的Chunck</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时5：建立我们的Block类</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时6：建立BlockList表同时分配uv</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时7：创建我们的人物控制器</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时8：创建无限地形</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时9：学习协程优化及初步了解柏林噪音</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时10：学习static关键字和柏林噪声生成地形</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时11：再次优化地形算法</a>
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时12：对Chunck操作（1.学习射线)</a>  
            <a href="#" class="list-group-item"><span class="glyphicon glyphicon-record"></span>&nbsp&nbsp课时13：对Chunck操作（2.添加删除我们的Block）</a> 
        </div>
        </div>
    </div>

    <div class="col-sm-6 col-md-3">
         <div class="thumbnail">
            <div class="panel-heading">
                推荐套餐
            </div>
            <img src="images/tuijiantaocan.png" alt="通用的占位符缩略图">
            <div class="caption">
                
                <p>Unity3d游戏开发就业班</p>
               
            </div>
         </div>
         <div class="thumbnail">
            <div class="panel-heading">
                授课老师
            </div>
            
            <div class="caption">
                <h4>代俊雅</h4>
                <p>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦了</p>
                
               
            </div>
         </div>
         <div class="thumbnail">
            <div class="panel-heading">
                最新学员
            </div>
            
            <div class="caption">
                
                <p>啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦了啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦了</p>
               
            </div>
         </div>
    </div>
</div>
<div class="row">
    <div class="col-xs-9">
    <div class="panel panel-default">
    <div class="panel-body">
        相关课程
    </div>
        
    
<div class="row">
    
    <div class="col-sm-6 col-md-4">
         <div class="thumbnail">
            <img src="images/course1.jpg" 
             alt="通用的占位符缩略图">
            <div class="caption">
                <a href="#"><h5>数据持久化之Json</h5></a>
                
            </div>
         </div>
    </div>
    <div class="col-sm-6 col-md-4">
         <div class="thumbnail">
            <img src="images/course2.jpg" 
             alt="通用的占位符缩略图">
            <div class="caption">
                <a href="#"><h5>有限状态机FSM公开课</h5></a>
                
            </div>
         </div>
    </div>
    <div class="col-sm-6 col-md-4">
         <div class="thumbnail">
            <img src="images/course3.jpg" 
             alt="通用的占位符缩略图">
            <div class="caption">
                <a href="#"><h5>Unity2017新特性介绍</h5></a>
                
            </div>
         </div>
    </div>
</div>
</div>
    </div>    
</div>
    
</div>
</body>
</html>